<!doctype html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>长沙理工大学继续教育学院思文教学部</title>
    <meta name="keywords" content="长沙理工大学继续教育学院思文教学部|长沙理工大学|思文教育|湖南思文教育">
    <meta name="description" content="湖南思文优才教育科技有限公司为长沙理工大学继续教育学院的合作单位,主要从事软件开发、电子商务、视觉传达设计等高端IT技能教育">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}" type=" image/x-icon"/>
    <link rel="stylesheet" href="../lib/layui/css/layui.css" th:href="@{/lib/layui/css/layui.css}">
    <link rel="stylesheet" href="../css/base-black.css" th:href="@{/css/base-black.css}">
</head>
<body>
<!--导航-->
<div th:replace="common/header"></div>
<!--焦点-->
<div class="sinven-article-banner" style="background-image: url('/upload/images/enviroment_cover.jpg')">

</div>
<!--文章内容区-->
<div class="layui-container news-container">
    <div class="news-header">
        <h1 class="news-title">校园环境</h1>
        <span class="news-english-title">Campus environment</span>
    </div>
    <ul class="layui-row layui-col-space20">
        <li class="layui-col-xs6 environment-container" th:each="article : ${pager.datas}">
            <div class="environment-cover">
                <img src="/upload/images/71504bbadcfd41f9a5d0d8a8c07876d4.jpg" th:src="${article.photo}" th:alt="${article.title}">
            </div>
            <div class="environment-content">
                <span th:text="${article.title}"></span>
            </div>
        </li>
    </ul>

    <ul class="page-nav">
        <img src="/static/upload/5/0ad9a0f95f0243f5a6b14f9f38c6ef14.jpg">
        <li><a th:href="@{/school/environment.html(page=1)}">首页</a></li>
        <li><a th:href="@{/school/environment.html(page=${pager.curPage-1})}">上一页</a></li>
        <li th:each="i:${#numbers.sequence(pager.startPage,pager.endPage)}"><a th:href="@{/school/environment.html(page=${i})}" th:class="${pager.curPage==i}? 'this' : ''" th:text="${i}">1</a></li>
        <li><a th:href="@{/school/environment.html(page=${pager.curPage+1})}">下一页</a></li>
        <li><a th:href="@{/school/environment.html(page=${pager.totalPages})}">末页</a></li>
    </ul>
</div>
<!--底部导航条-->
<div th:replace="common/footer"></div>
<script src="../lib/layui/layui.js" th:src="@{/lib/layui/layui.js}"></script>
<script src="/static/js/common.js" th:src="@{/js/common.js}"></script>
</body>
</html>